<%--
  Created by IntelliJ IDEA.
  User: 匆匆而过
  Date: 2022/3/8
  Time: 10:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <style type="text/css">
        body{
            background: #4b1c7e;
            height: 100%;
            width: 100%;
        }
        div{
            text-align: center;
            background: white;
            width: 500px;
            height: 100%;
            border: 3px solid #F00;
            margin: 0 auto;
        }
        input[type=button]{
            height:40px;
            width: 300px;
            background-color: red;
            margin-top: 20px;
        }
        #title{
            text-align: center;
            letter-spacing: 20px;
        }
        input[name="phone"]{
            width: 300px;
            height: 40px;
            margin-top: 10px;
        }
        input[name="userName"]{
            width: 405px;
            height: 40px;
            margin-top: 10px;
        }
        input[name="email"]{
            width: 405px;
            height: 40px;
            margin-top: 10px;
        }
        input[type="password"]{
            width: 405px;
            height: 40px;
            margin-top: 10px;
        }
        select{
            width: 100px;
            height: 40px;
            background-color: #666666;
        }
        input[type="radio"]{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div>
    <form class="formOne">
        <h1 id="title" >注册</h1><br>
        <select>
            <option value="1">中国大陆+86</option>
            <option value="2">123</option>
            <option value="3">232</option>
            <option value="4">13213</option>
        </select>
        <input type="text" name="phone"><br>
        <input type="text" name="userName"placeholder="输入用户名"><br>
        <input type="text" name="email" placeholder="邮箱"><br>
        <input type="password" name="password" placeholder="输入密码"><br>
        <input type="password" name="confirmPassword" placeholder="确认密码"><br>
        <input type="radio" name="sex" value="man">男
        <input type="radio" name="sex" value="woman">女
        <br>
        <input type="button" value="注册" id="enroll"><br>
    </form>
</div>

</body>
</html>
